<nz-row [nzGutter]="16">
  <nz-col [nzMd]="24">
    <nz-row style="height: 60px;" [nzType]="'flex'" [nzJustify]="'space-around'" [nzAlign]="'middle'">
      <nz-col [nzSpan]="24">
        <form nz-form [formGroup]="validateForm" [nzLayout]="'inline'">

          <nz-form-item>
            <nz-form-label>菜单名称</nz-form-label>
            <nz-form-control>
              <input nz-input nzSize="default" [placeholder]="'请输入'" formControlName="name">
            </nz-form-control>
          </nz-form-item>

          <nz-form-item>
            <nz-form-control>
              <button nz-button [nzType]="'primary'" (click)="search()">
                <i class="anticon anticon-search"></i>
                {{'list.text.search' | translate}}
              </button>
            </nz-form-control>
          </nz-form-item>




        </form>
      </nz-col>
    </nz-row>
    <nz-row>
      <nz-table #nzTable [nzData]="listOfData">
        <thead>
        <tr>
          <th nzShowExpand></th>
          <th>试卷名称</th>
          <th>试卷描述</th>
          <th>修改时间</th>
        </tr>
        </thead>
        <tbody>
        <ng-template ngFor let-data [ngForOf]="nzTable.data">
          <tr>
            <td nzShowExpand [(nzExpand)]="mapOfExpandData[data.id]"></td>
            <td>{{ data.paperName }}</td>
            <td>{{ data.paperDescribe}}</td>
            <td>{{ data.gmtModified }}</td>
          </tr>
          <tr [nzExpand]="mapOfExpandData[data.id]">
            <td></td>
            <td colspan="3">
              <div *ngFor="let tab of data.paperQuestionList">
                {{tab.questionType}}{{tab.number}}{{tab.score}}
            </div></td>
          </tr>
        </ng-template>
        </tbody>
      </nz-table>
      <ng-template #pagination>
        {{'list.text.pagination' | translate}} {{page.total}} {{'list.text.article' | translate}}
      </ng-template>
    </nz-row>
  </nz-col>
</nz-row>
